$(function () {
    
    common()



})

var common = function () {
    var tags = 0;

    $(".navSpan").click(function(){
        var thisTags = $(this).data('tags');

        //判断是否已经打开一个子导航栏
        if(isSonNavOpen())
        {
            //判断是否和当前点击的是同一个
            if(tags == thisTags)        //是同一个，关闭该子导航
            {
                closeSonNav(tags);
            }
            else                                    //不是同一个, 关闭旧的并打开一个新的
            {
                closeSonNav(tags);
                openSonNav(thisTags);
            }
        }
        else            //当前没有子导航打开，打开一个新的
        {
            openSonNav(thisTags);
        }

    });

    //判断是否已经打开一个子导航栏
    function isSonNavOpen()
    {
        if(tags != 0)       //已经打开
        {
            return true;
        }

        return false;
    }

    //打开一个子导航
    function openSonNav(thisTags)
    {
        var sonNavsDiv = $("div[data-tags-div="+ thisTags +"]");

        //显示子导航栏
        sonNavsDiv.css("display", "block");

        tags = thisTags;
    }

    //关闭一个子导航
    function closeSonNav(thisTags)
    {
        var sonNavsDiv = $("div [data-tags-div="+ thisTags +"]");

        sonNavsDiv.css("display", "none");  

        //关闭后把标记清0， 否则打开一个后，一直是已经打开状态
        tags = 0;
    }
}